<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!-- include CSS always before including js -->
<link type="text/css" rel="stylesheet" href="slideshow/skins/tn3/tn3.css"></link>
<!-- include jQuery library -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- include tn3 plugin -->
<script type="text/javascript" src="slideshow/js/jquery.tn3lite.min.js"></script>

<!--  initialize the TN3 when the DOM is ready -->
<script type="text/javascript">
	$(document).ready(function() {
		//Thumbnailer.config.shaderOpacity = 1;
		var tn1 = $('.mygallery').tn3({
skinDir:"skins",
imageClick:"fullscreen",
image:{
maxZoom:1.5,
crop:true,
clickEvent:"dblclick",
transitions:[{
type:"blinds"
},{
type:"grid"
},{
type:"grid",
duration:460,
easing:"easeInQuad",
gridX:1,
gridY:8,
// flat, diagonal, circle, random
sort:"random",
sortReverse:false,
diagonalStart:"bl",
// fade, scale
method:"scale",
partDuration:360,
partEasing:"easeOutSine",
partDirection:"left"
}]
}
		});
	});
</script>

<div class="mygallery">
<div class="tn3 album">
	    <h4>UiT-CNTT</h4>
	    <div class="tn3 description">ĐH Công Nghệ Thông Tin</div>
	    <div class="tn3 thumb">images/uit-slide-show/uit1.gif</div>
	    <ol>
		<li>
		    <h4>UiT - 1</h4>
		    <div class="tn3 description">ĐH Công Nghệ Thông Tin</div>
		    <a href="images/uit-slide-show/uit1.png">
			<img src="images/uit-slide-show/uit1.png" />
		    </a>
		</li>
		<li>
		    <h4>UiT - 2</h4>
		    <div class="tn3 description">ĐH Công Nghệ Thông Tin</div>
		    <a href="images/uit-slide-show/uit2.png">
			<img src="images/uit-slide-show/uit2.png" />
		    </a>
		</li>
		<li>
		    <h4>UiT - 3</h4>
		    <div class="tn3 description">ĐH Công Nghệ Thông Tin</div>
		    <a href="images/uit-slide-show/uit3.png">
			<img src="images/uit-slide-show/uit3.png" />
		    </a>
		</li>
		<li>
		    <h4>UiT - 4</h4>
		    <div class="tn3 description">ĐH Công Nghệ Thông Tin</div>
		    <a href="images/uit-slide-show/uit4.png">
			<img src="images/uit-slide-show/uit4.png" />
		    </a>
		</li>
		<li>
		    <h4>UiT - 5</h4>
		    <div class="tn3 description">ĐH Công Nghệ Thông Tin</div>
		    <a href="images/uit-slide-show/uit5.png">
			<img src="images/uit-slide-show/uit5.png" />
		    </a>
		</li>
		<li>
		    <h4>UiT - 6</h4>
		    <div class="tn3 description">ĐH Công Nghệ Thông Tin</div>
		    <a href="images/uit-slide-show/uit6.png">
			<img src="images/uit-slide-show/uit6.png" />
		    </a>
		</li>
		<li>
		    <h4>UiT - 7</h4>
		    <div class="tn3 description">ĐH Công Nghệ Thông Tin</div>
		    <a href="images/uit-slide-show/uit7.png">
			<img src="images/uit-slide-show/uit7.png" />
		    </a>
		</li>
		<li>
		    <h4>UiT - 8</h4>
		    <div class="tn3 description">ĐH Công Nghệ Thông Tin</div>
		    <a href="images/uit-slide-show/uit8.png">
			<img src="images/uit-slide-show/uit8.png" />
		    </a>
		</li>
		<li>
		    <h4>UiT - 9</h4>
		    <div class="tn3 description">ĐH Công Nghệ Thông Tin</div>
		    <a href="images/uit-slide-show/uit9.png">
			<img src="images/uit-slide-show/uit9.png" />
		    </a>
		</li>
		<li>
		    <h4>UiT - 10</h4>
		    <div class="tn3 description">ĐH Công Nghệ Thông Tin</div>
		    <a href="images/uit-slide-show/uit10.png">
			<img src="images/uit-slide-show/uit10.png" />
		    </a>
		</li>
		<li>
		    <h4>UiT - 11</h4>
		    <div class="tn3 description">ĐH Công Nghệ Thông Tin</div>
		    <a href="images/uit-slide-show/uit11.png">
			<img src="images/uit-slide-show/uit11.png" />
		    </a>
		</li>
		<li>
		    <h4>UiT - 12</h4>
		    <div class="tn3 description">ĐH Công Nghệ Thông Tin</div>
		    <a href="images/uit-slide-show/uit12.png">
			<img src="images/uit-slide-show/uit12.png" />
		    </a>
		</li>
	    </ol>
</div>
</div>
